@import "./iconfont.less";

.auditPointBar {
    height: 100%;
    display: flex;
    position: relative;

    .left {
        flex: 1;
        background: #FFF;

        iframe {
            width: 100%;
            height: 100%;
        }
    }

    .hide-iframe {
        iframe {
            visibility: hidden !important;
        }
    }

    .left-disabled-event {
        pointer-events: none;
    }

    .right-non-select {
        user-select: none;
    }

    .right {
        // min-width: 400px;
        margin-left: 1px;
        width: 480px;
        border-left: 1px solid #ccc;
        background: #fff;
        position: relative;
        display: flex;
        flex-direction: column;

        .horizontal-drag {
            position: absolute;
            top: 0;
            bottom: 0;
            left: -3px;
            width: 6px;
            z-index: 100;
            cursor: ew-resize;
        }

        .horizontal-drag:hover {
            background-color: rgba(255, 228, 228, .2);
        }

        .ns-cursor {
            cursor: ns-resize;
        }

        .ns-cursor:hover {
            background-color: rgba(255, 228, 228, .2);
        }

        .disabled-cursor {
            cursor: not-allowed;
        }

        .point-wrap {
            height: 60%;
            position: relative;

            //background: blue;
            .point-content {
                height: 100%;
                overflow: auto;
                border-bottom: 10px solid #F6F6F6;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;

                .sj_and_zd_tree_wrap {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                }

                .tree-wrap {
                    position: relative;
                    overflow: auto;

                    .point-checkbox-wrap {
                        position: relative;
                        left: -11px;

                        .first-checkbox {
                            margin-right: 58px;
                        }

                        .point-checkbox {
                            width: 20px;
                            display: inline-block;
                        }
                    }
                }

                .zd-tree-wrap {
                    flex: 1;
                }

                .sg-tree-wrap {
                    height: 50%;

                    .sg-tree-all-check-wrap {
                        display: flex;
                        width: 182px;
                        text-align: right;
                        position: absolute;
                        right: 0;
                        z-index: 10;
                        top: 12px;
                        font-size: 13px;
                        font-weight: 700;
                        color: #4b4b4b;

                        .nc-checkbox.u-checkbox .u-checkbox-label {
                            width: 73px;
                            text-align: left;
                        }
                    }
                }

                .among-tree-drag {
                    position: absolute;
                    width: 100%;
                    top: 0;
                    height: 6px;
                    z-index: 100;
                    cursor: ns-resize;
                }
            }

            .vertical-drag {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 10px;
                z-index: 90;
                cursor: ns-resize;
            }
        }

        .hide-point-area {
            display: none;
        }

        .point-title,
        .problem-title,
        .reject-title {
            line-height: 46px;
            padding-left: 20px;
            height: 46px;
            position: relative;

            .title-text {
                color: #111111;
                font-size: 14px;
                font-weight: 500;
            }

            .point-title-icon,
            .problem-title-icon {
                margin-right: 8px;
                color: #6BC764;
            }

            .problem-title-icon {
                color: #32C5FF;
            }

            .iconxiangxiajiantou,
            .iconxiangshangjiantou {
                color: #97A3AE;
                cursor: pointer;
            }

            .default-cursor {
                cursor: default;
            }

            .icon-zengjia {
                position: relative;
                top: 1.5px;
            }

            .icon-zengjia:before {
                position: relative;
                top: -1px;
                left: -1px;
            }


            .add-problem-wrap {
                color: #0073E1;
                font-weight: 400;
                font-size: 14px;
                line-height: 45px; //否则，折叠时会有滚动条
                margin-right: 22px;
            }
        }

        .audit-refresh-button {
            position: absolute;
            right: 0;
            top: 8px;
            margin-right: 22px;
            cursor: pointer;
        }

        .add-problem-btn {
            float: right;
            cursor: pointer;
        }


        .reject-result-wrap {
            display: none;
            height: 15%;
            position: relative;
            border-bottom: 10px solid #F6F6F6;
            box-sizing: border-box;

            .first-vertical-drag {
                position: absolute;
                left: 0;
                right: 0;
                bottom: -10px;
                height: 10px;
                z-index: 90;
            }

        }

        .show-reject-area {
            display: block;
        }

        .problem-wrap {
            overflow: auto;
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .problem-list-wrap {
            flex: 1;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .bill-rectify {
            height: 50px;
            margin: 10px;
        }

        .problem-list {
            flex: 1;
            overflow: auto;
            padding: 0 20px;
            line-height: 18px;
            border-bottom: 1px solid #ccc;

            .problem-li:not(:first-child) {
                margin-top: 8px;
            }

            .problem-content-wrap {
                color: #111111;
                font-weight: 500;
                font-size: 14px;

                .del-btn {
                    float: right;
                    color: #0073E1;
                    cursor: pointer;
                    font-weight: 400;
                }

                .pro-level {
                    padding: 0 4px;
                    border-radius: 9px;
                    font-weight: 400;
                    font-size: 12px;
                    display: inline-block;
                    text-align: center;
                    margin-left: 12px;
                }

                //一般
                .pro-GENERAL {
                    color: rgba(255, 165, 9, 1);
                    background: rgba(255, 238, 211, 1);
                }

                //非常严重
                .pro-MORESERIOUS {
                    color: rgba(225, 76, 70, 1);
                    background: rgba(255, 228, 228, 1);

                }

                //很轻微
                .pro-MORESLIGHT {
                    color: rgba(54, 193, 61, 1);
                    background: rgba(210, 244, 212, 1);

                }

                //严重
                .pro-SERIOUS {
                    color: rgba(250, 100, 19, 1);
                    background: rgba(255, 234, 220, 1);

                }

                //轻微
                .pro-SLIGHT {
                    color: rgba(0, 145, 255, 1);
                    background: rgba(212, 236, 255, 1);

                }
            }

            .problem-desc,
            .problem-rectify-desc {
                margin-top: 4px;
                font-size: 13px;
                font-weight: 400;
                white-space: pre-wrap;
                padding-left: 12px;
            }

        }

        .link-query-pro-title-wrap {
            line-height: 36px;
            height: 36px;
            background: #eceff6;
            padding-left: 20px;
            font-size: 14px;
            border-top: 1px solid #d3d4d6;
            border-bottom: 1px solid #d3d4d6;
            font-weight: bold;
        }

        .link-query-pro-list {
            padding: 10px 10px;
        }

        .treeTableManyCol .u-table-content .u-table-scroll .u-table-body {
            min-height: 0 !important;
        }

        .auto-point-pass {
            //margin-left: 8px;
            margin-right: 10px;
            color: green;
            font-weight: bolder;
        }

        .auto-point-unpass {
            //margin-left: 46px;
            margin-right: 10px;
            color: red;
            font-weight: bolder;
        }
    }

    .hide-right-bar {
        display: none;
    }

}

//树状表样式强制适配：1、表自适应父元素高度。2表头固定，表体自适应剩余高度.
#manualPointTree,
#autoPointTree {
    height: 100% !important;

    &>div {
        height: 100% !important;

        &>div {
            //对应：u-table-content
            height: 100% !important;

            &>div {
                //对应： u-table-scroll(中间业务列)   u-table-fixed-left（左侧固定列） u-table-fixed-right（右侧固定列）
                height: 100% !important;
                box-shadow: none;

                &>div {
                    height: 100% !important;
                    display: flex;
                    flex-direction: column;

                    .u-table-header {
                        // 修复：拖拽到底部时，无数据图片覆盖表头。
                        position: relative;
                        z-index: 10;
                    }

                    .u-table-body,
                    .u-table-body-outer {
                        flex: 1 !important;
                        max-height: none !important;
                        overflow-y: auto !important; //表格数据为空时，需要覆盖此样式

                        .u-table-body-inner {
                            max-height: none !important;
                        }

                        .fake-scrollbar {
                            top: 0 !important; //表格数据为空时，需要覆盖此样式。
                        }
                    }
                }
            }
        }
    }



}

//第一列要与标题  审核要点 对其 
.treeTableManyCol .u-table-content .u-table-scroll .u-table-tbody tr td:first-child,
.treeTableManyCol .u-table-content .u-table-thead tr:first-child th:first-child {
    padding-left: 45px !important;
}